<template>
	<div>
		<div class="header">
			<div class="head-top">
				<mt-header title="排行榜">
					<router-link to="/home" slot="left">
						<mt-button icon="back"></mt-button>
					</router-link>
				</mt-header>
			</div>

			<!-- <mt-navbar class="home-nav" v-model='active'>
				
				<mt-tab-item class='nav-title' id='fengyun'>风云榜</mt-tab-item>
				<mt-tab-item class='nav-title' id='longhu'>龙虎榜</mt-tab-item>
				<mt-tab-item class='nav-title' id='wanghong'>网红榜</mt-tab-item>
				
			</mt-navbar> -->

		</div>

		<div class="main">
			<fengyun></fengyun>
			<!-- <mt-tab-container v-model="active" swipeable>
					<mt-tab-container-item id="fengyun">
						<fengyun></fengyun>
					
					</mt-tab-container-item>
					
					<mt-tab-container-item id="longhu">
						<longhu></longhu>
					</mt-tab-container-item>
					
					<mt-tab-container-item id="wanghong">
						<wanghong></wanghong>
					</mt-tab-container-item>

	
				</mt-tab-container> -->
		</div>

	</div>
</template>

<script>
import fengyun from "./hotlist/fengyun.vue";
// import longhu from "./hotlist/fengyun.vue";
// import wanghong from "./hotlist/fengyun.vue";

export default {
  components: {
    fengyun,
    // longhu,
    // wanghong
  },
  data() {
    return {
    //   active: "fengyun"
    };
  }
};
</script>

<style scoped>
.mint-navbar .mint-tab-item.is-selected {
  border-bottom: 1px solid #e60012;
  color: #e60012;
}
</style>
